<!-- Prefooter Start -->
<div class="prefooter">
    <div class="container">
        <div class="row">
            <div class="col-sm-3 latest-posts">
                <h5>Latest News</h5>
                <div class="row">
                    <div class="col-xs-4">
                        <img src="/public/images/latestpost1.jpg" alt="" />
                    </div>
                    <div class="col-xs-8">
                        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean aliquam tellus.
                        <br><a href="index.html#">Read More</a>
                    </div>
                </div>
                <div class="row">
                    <div class="col-xs-4">
                        <img src="/public/images/latestpost2.jpg" alt="" />
                    </div>
                    <div class="col-xs-8">
                        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean aliquam tellus.
                        <br><a href="index.html#">Read More</a>
                    </div>
                </div>
            </div>
            <div class="col-sm-3 latest-comments">
                <h5>Latest Comments</h5>
                <div class="row">
                    <div class="col-xs-4">
                        <img src="/public/images/latestcomment1.jpg" alt="" />
                    </div>
                    <div class="col-xs-8">
                        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean aliquam tellus.
                        <br><a href="index.html#">Read More</a>
                    </div>
                </div>
                <div class="row">
                    <div class="col-xs-4">
                        <img src="/public/images/latestcomment2.jpg" alt="" />
                    </div>
                    <div class="col-xs-8">
                        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean aliquam tellus.
                        <br><a href="index.html#">Read More</a>
                    </div>
                </div>
            </div>
            <div class="col-sm-3 footer-photos">
                <h5>Latest Photos</h5>
                <ul>
                    <li><a href="/public/images/footergallery-big1.jpg" class="fancybox" data-fancybox-group="group" title=""><img src="/public/images/footergallery-small1.jpg" alt="" /></a></li>
                    <li><a href="/public/images/footergallery-big2.jpg" class="fancybox" data-fancybox-group="group" title=""><img src="/public/images/footergallery-small2.jpg" alt="" /></a></li>
                    <li><a href="/public/images/footergallery-big3.jpg" class="fancybox" data-fancybox-group="group" title=""><img src="/public/images/footergallery-small3.jpg" alt="" /></a></li>
                    <li><a href="/public/images/footergallery-big4.jpg" class="fancybox" data-fancybox-group="group" title=""><img src="/public/images/footergallery-small4.jpg" alt="" /></a></li>
                    <li><a href="/public/images/footergallery-big5.jpg" class="fancybox" data-fancybox-group="group" title=""><img src="/public/images/footergallery-small5.jpg" alt="" /></a></li>
                    <li><a href="/public/images/footergallery-big6.jpg" class="fancybox" data-fancybox-group="group" title=""><img src="/public/images/footergallery-small6.jpg" alt="" /></a></li>
                </ul>
                <div class="clear"></div>
            </div>
            <div class="col-sm-3 footer-contact">
                <h5>Contact Us</h5>
                <ul>
                    <li>
                        <address>
                            <i class="fa fa-map-marker"></i>
                            <p>
                                <span>Address:</span>
                                <br>416 Water St.
                                <br>New York, NY 10002, USA
                            </p>
                        </address>
                    </li>
                    <li>
                        <i class="fa fa-phone"></i>
                        <p><span>Phone:</span> +1 800 555 789</p>
                    </li>
                    <li>
                        <i class="fa fa-print"></i>
                        <p><span>Fax:</span> +1 123 555 789</p>
                    </li>
                    <li>
                        <i class="fa fa-envelope"></i>
                        <p><span>Email:</span> <a href="mailto:name@domain.com">name@domain.com</a></p>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</div>
<!-- Prefooter End -->

<!-- Footer Start -->
<footer>
    <div class="container">
        <div class="row">
            <div class="col-sm-6">
                &copy; 2013 Perfekta. Web Design &amp; Development by <a href="http://www.coffeecreamthemes.com/" target="_blank">Coffeecream Themes</a>.
            </div>
            <div class="col-sm-6">
                <ul>
                    <li><a href="http://facebook.com/" target="_blank"><i class="fa fa-facebook"></i></a></li>
                    <li><a href="http://twitter.com/" target="_blank"><i class="fa fa-twitter"></i></a></li>
                    <li><a href="http://plus.google.com/" target="_blank"><i class="fa fa-google-plus"></i></a></li>
                    <li><a href="http://tumblr.com/" target="_blank"><i class="fa fa-tumblr"></i></a></li>
                    <li><a href="../../../dribbble.com/dribbble_default.html" target="_blank"><i class="fa fa-dribbble"></i></a></li>
                    <li><a href="http://xing.com/" target="_blank"><i class="fa fa-xing"></i></a></li>
                    <li><a href="http://youtube.com/" target="_blank"><i class="fa fa-youtube"></i></a></li>
                </ul>
            </div>
        </div>
    </div>
</footer>